﻿.tab_nav .swiper-pagination {
    display: none;
}

.tab_nav {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
}

.tab_nav:not(.tab_nav_swipe) {
    padding: 0 0.50rem;
}

.tab_nav ul li {
    text-align: center;
    font-size: 0.28rem;
    height: 100%;
    width: auto;
    line-height: 0.84rem;
}

.tab_nav:not(.tab_nav_swipe) ul {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.tab_nav:not(.tab_nav_swipe) ul li {
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-flex: 1;
}

.tab_nav ul li a,.tab_nav ul li span{
    display:inline-block;
    color: #333;
}

.tab_nav ul li a.active,.tab_nav ul li span.active{
    border-bottom: 0.02rem solid #F20C59;
    color: #F20C59;
    box-sizing: border-box;
}

/*
.tab_nav ul li.swiper-slide-active a.active{
    border-bottom: .2rem solid #F20C59;
    color: #F20C59;
    box-sizing: border-box;
}
*/

.tab_nav_swipe ul li {
    line-height: 0.82rem;
    padding: 0 0.22rem;
}

.tab_nav_swipe ul li a {
    height: 100%;
}

.tab_nav_swipe {
    margin: 0 auto;
    height: 0.90rem;
    position: relative;
    overflow: hidden;
}

.tab_nav_swipe ul {
    display: -webkit-box;
    /* Fix of Webkit flickering */
    
    z-index: 1;
}
/* 右边遮挡 */

.tab_container {
    position: relative;
}
/*.tab_container .tab_nav{
    margin-right:4.4rem;
}
*/

.tab_nav_box {
    position: relative;
    height: 0.90rem;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
    overflow: hidden;
}

.tab_nav_box .tab_nav {
    margin-right: 0.88rem;
    border: none;
}

.tab_show_more {
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 0;
    width: 0.88rem;
    line-height: 0.90rem;
    background: url("../images/bor-img_03.png") left center no-repeat #fff;
    background-size: 0.21rem 0.8rem;
    text-align: center;
    color: #7f7f7f;
}

.tab_nav_morelist {
    position: absolute;
    display: none;
    top: 0.90rem;
    background: #fff;
    width: 100%;
    max-width: 6.4rem;
    height: auto;
    z-index: 9999;
    box-shadow: 0rem 0.05rem 0.14rem #d6d6d6;
    overflow: hidden;
}

.tab_nav_morelist li {
    float: left;
    width: 25%;
    text-align: center;
    padding: 0.2rem 0;
}

.tab_nav_morelist li a,
.tab_show_more i {
    display: block;
}

.tab_nav_morelist li a.active {
    color: #F20C59;
}

.tab_show_more i.down {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}